.InputWrapper {
  display: flex;
  align-items: center;

  width: 100%;
  height: 32px;
  padding: 8px 16px;

  border: 1px solid var(--icon-redesigned);
  border-radius: 48px;
}

.input {
  width: 100%;

  color: var(--text-redesigned);

  background: none;
  border: none;
  outline: none;

  &::placeholder {
    color: var(--hint-redesigned);
  }
}

.focused {
  border: 2px solid var(--accent-redesigned);

  .addonLeft svg,
  .addonright svg {
    color: var(--accent-redesigned);
  }
}

.readonly {
  opacity: 0.7;
}

.addonLeft,
.addonright {
  display: flex;
}

.withAddonLeft {
  padding-left: 8px;
}

.withAddonRight {
  padding-right: 8px;
}

.size_s {
  height: 32px;
}

.size_m {
  height: 38px;
}

.size_l {
  height: 44px;
}
